<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta charset="UTF-8">
<title>JEEWW DEMO</title> 
#parse("page_include.html")
<link rel="stylesheet" type="text/css" href="${rc.contextPath}/assets/customercss/${theme}/index.css" />
</head>
<body>
	<div data-type="layout" data-defs="fit:true">
		<div data-defs="region:'north',border:false" style="height: 63px; padding: 0px;">
			<table width="100%" height="100%" class="headbg">
				<TR height=56 width="100%">
					<TD width="50%" class="headleftbg"></TD>
					<TD width="25%" align="right">
						<span style="color: #666633"><b>您好,&nbsp;XXX</b></span>
					</TD>
					<TD width="25%" align=middle>
						<a id="delButton" href="#" data-type="menubutton" onclick="changeTheme()"
							data-defs="iconCls:'icon-change-theme',plain:true,menu:'#changeThemeItems',">更改样式</a>
						<a id="editButton" href="javascript:void(0)" data-type="button" onclick="changePassword()"
							data-defs="iconCls:'icon-change-password',plain:true">密码修改</a>
						<a id="addButton" href="${rc.contextPath}/j_spring_security_logout" data-type="button"
							data-defs="iconCls:'icon-logout',plain:true">注销</a>
					</TD>
					<div id="changeThemeItems" style="width: 50px;">
						<div data-defs="iconCls:'icon-theme-blue'" onclick="changeTheme('blue')">蓝色主题</div>
						<div data-defs="iconCls:'icon-theme-gray'" onclick="changeTheme('gray')">灰色主题</div>
						<div data-defs="iconCls:'icon-theme-yellow'" onclick="changeTheme('yellow')">黄色主题</div>
					</div>
				</TR>
			</table>
		</div>
		<div data-defs="region:'west',split:true,border:true"
			title="菜单信息" style="width: 230px; padding: -10px;">
			<div data-type="accordion" data-defs="fit:true,border:false">
				<div title="常用例子" data-defs="selected:true">
					<ul id="nativeDemoTree1" data-type="tree" style="padding: 0px"
						data-defs="
				method:'get',
				onClick : tree1OnClickFun,
				url:'${rc.contextPath}/assets/ui/jww/demo/index1.json',
				animate:false,dnd:false"></ul>
				</div>
				<div title="工作流例子" data-defs="selected:true">
					<ul id="nativeDemoTree1" data-type="tree" style="padding: 0px"
						data-defs="
				method:'get',
				onClick : tree3OnClickFun,
				url:'${rc.contextPath}/assets/ui/jww/demo/index3.json',
				animate:false,dnd:false"></ul>
				</div>
				<div title="API及组件简单应用" data-defs="selected:true">
					<ul id="nativeDemoTree2" data-type="tree" style="padding: 0px"
						data-defs="
				method:'get',
				onClick : tree2OnClickFun,
				url:'${rc.contextPath}/assets/ui/jww/demo/index2.json',
				animate:false,dnd:false"></ul>
				</div>
			</div>
		</div>
		<div data-defs="region:'east',split:true,collapsed:true,title:'待办任务列表',border:true"
			style="width: 220px; padding: 0px;">#parse("WEB-INF/pages/activiti/taskListInfo.html")</div>
		<div data-defs="region:'south',split:true,border:true" style="height: 50px; padding: 10px;">ccc</div>
		<div
			data-defs="region:'center',title:'业务办理',border:true" style="padding: 10px;">
			<iframe id="demoIframe" name="demoIframe" src="${rc.contextPath}/assets/blank.html" width="100%" height="99.5%"
				style="overflow: hidden;" frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>
		</div>
	</div>
	<script type="text/javascript">
        function tree1OnClickFun(node) {
            if (node.attributes) {
                //ajaxLoading();
                //可以自己加类似于panel的loading标志
                var url = "${rc.contextPath}/assets/ui/jww/demo/" + node.attributes.url;
                $("#demoIframe").attr("src", url);
            }
        }
        function tree2OnClickFun(node) {
            if (node.attributes) {
                //ajaxLoading();
                //可以自己加类似于panel的loading标志
                var url = "${rc.contextPath}/assets/ui/jww/demo/" + node.attributes.url;
                $("#demoIframe").attr("src", url);
            }
        }
        function tree3OnClickFun(node) {
            if (node.attributes) {
                //ajaxLoading();
                //可以自己加类似于panel的loading标志
                var url = "${rc.contextPath}" + node.attributes.url;
                $("#demoIframe").attr("src", url);
            }
        }
    </script>
</body>
</html>